<template>
    <div>
         <div class="yu_zhi">
              <div class="sccece_hader_font1">
                     <div>预约编号：2019052055531001</div>
               </div> 
               <div class="sccece_hader_font1">
                     <div class="sccece_hader_font1_o">患者姓名</div>
                     <div>张三</div>
               </div>
               <div class="sccece_hader_font1">
                     <div class="sccece_hader_font1_o">患者性别：</div>
                     <div>男</div>
               </div>
               <div class="sccece_hader_font1">
                     <div class="sccece_hader_font1_o">患者年龄：</div>
                     <div>31</div>
               </div>
               <div class="sccece_hader_font1">
                     <div class="sccece_hader_font1_o">预约医生：</div>
                     <div>张厚杰</div>
               </div>
               <div class="sccece_hader_font1">
                     <div class="sccece_hader_font1_o">门店地址：</div>
                     <div>上海静安区南山路98号</div>
               </div>
         </div>
           
             <div class="lu_make_body_haer_body_cent_bottom">
                          <p style="margin-left: 20px;">支付方式</p>
                        <div class="lu_make_body_haer_body_cent_bottom_top">
                             <div class="lu_make_icon">
                                 <img src="../assets/wei.jpg" alt="" class="lu_make_icon_img">
                             </div>
                             <div class="lu_make_button_size">微信支付</div>
                             <div class="lu_make_rdion"><van-radio name="1" v-model="radio"></van-radio></div>
                        </div>

                         <div class="lu_make_body_haer_body_cent_bottom_top">
                             <div class="lu_make_icon">
                                 <img src="../assets/zhi.jpg" alt="" class="lu_make_icon_img">
                             </div>
                             <div class="lu_make_button_size">支付宝支付</div>
                             <div class="lu_make_rdion"><van-radio name="2" v-model="radio"></van-radio></div>
                        </div>
                  </div>     
                     <p>
                      尊敬的客户您好！以下事项请您仔细阅读：<br>
                    1. 部分医生的预约需要预付费用，如您正常就诊，预付费用即抵扣等额的诊疗费用。如果需要取消预约，请您在<em class="colorcf9156 f13 fb">看诊日期前一天的18：00前取消</em>，系统将全额退还预付费用，晚于该时间则不予退还，感谢您的理解和配合！<br>
                    2. 高端医疗保险直付客户，不需支付预约费用，直接到店结算。<br>
                    3. 请在15分钟内完成支付，否则将会自动取消该预约<br>
                    4. 若预约已满，或有其他疑问，可拨打客服电话咨询：<br>
                    浦西店：021-53028359<br>
                    浦东店：021-58762557
                     </p>
                    <div class="lu_make_centent_bottom">
                        <div class="lu_make_centent_bottom_lade">预约费用：300元</div>
                        <van-button type="default" @click="onclickent">立即预约</van-button>
                  </div>
    </div>
</template>

<script>
    export default {
        data(){
            return{
                 radio: '1',
            }
        },
        methods: {
            onclickent(){
              this.$router.push('sccesemake') 
           }
        },
    }
</script>

<style>
.yu_zhi
{
 width: 90%;
 height:200px;
 border:1px solid #000   
}
.sccece_hader_font1
{
 margin-top:10px;    
 width: 90%;
 display: inline-flex;
 justify-content:space-evenly;   
}

</style>